<%-- 
        Document   : ingresoAfiliado
        Created on : 04-07-2009, 05:32:53 PM
        Author     : mho
--%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@page import="java.util.ArrayList"%>
<%@page import="src.Entities.Pais"%>
<%@page import="src.Entities.Programa"%>
<%@page import="src.Entities.Idioma"%>
<%@page import="src.Entities.Skill"%>
<%@page import="src.Entities.EstadoCivil"%>
<%@page import="src.DAO.PaisDAO"%>
<%@page import="src.DAO.ProgramaDAO"%>
<%@page import="src.DAO.IdiomaDAO"%>
<%@page import="src.DAO.SkillDAO"%>
<%@page import="src.DAO.EstadoCivilDAO"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Sistema SIAE - Ingreso Afiliado</title>
        <link rel="stylesheet" href="assets/css/style.css" type="text/css" media="all" />

        <script>
            function comprobar()
            {
                if((document.ingreso.comboEstadoCivil[2].selected))
                {
                    document.ingreso.txtNombreConyuge.disabled=false;
                    document.ingreso.txtApellidoPaternoConyuge.disabled=false;
                    document.ingreso.txtApellidosMaternoConyuge.disabled=false;
                    document.ingreso.txtRutConyuge.disabled=false;
                    document.ingreso.txtFechaConyuge.disabled=false;
                    document.ingreso.comboNacionalidadConyuge.disabled=false;
                    document.ingreso.GrupoOpciones1Conyuge[0].disabled=false;
                    document.ingreso.GrupoOpciones1Conyuge[1].disabled=false;
                    document.ingreso.txtTelefonoConyuge.disabled=false;
                }
                else
                {
                    document.ingreso.txtNombreConyuge.disabled=true;
                    document.ingreso.txtApellidoPaternoConyuge.disabled=true;
                    document.ingreso.txtApellidosMaternoConyuge.disabled=true;
                    document.ingreso.txtRutConyuge.disabled=true;
                    document.ingreso.txtFechaConyuge.disabled=true;
                    document.ingreso.comboNacionalidadConyuge.disabled=true;
                    document.ingreso.GrupoOpciones1Conyuge[0].disabled=true;
                    document.ingreso.GrupoOpciones1Conyuge[1].disabled=true;
                    document.ingreso.txtTelefonoConyuge.disabled=true;
                }
            }
            function compruebaCombo()
            {
                if((document.formulario.comboEstadoCivil[0].selected))
                {
                    alert("Debe elegir una opción del combo.");
                }
            }
        </script>
        <script type="text/javascript" src="lightboxform.js"></script>
        <script type="text/javascript" src="swfobject.js"></script>

    </head>

    
    <body>
        <script type="text/javascript" src="/SIAEII/assets/recursos/scripts/popDivCalendar.js"></script>
        <script type="text/javascript">
            popcalendar.language = 0;
            popcalendar.initCalendar();
        </script>

        <div id="header">
            <div class="logo"> <a class="logoimg"><strong>YourSite</strong></a>

            </div>
        </div>
        <div id="contentwrap">
            <div id="breadcrumb"><a>Home</a> &raquo; Ingreso Afiliado Sistema SIAE
            </div>
            <div align="center">

                <form name="ingreso" method="post" action="CrearAfiliadoServlet">

                    <table border="0" width="99%">
                        <tr>
                            <td>&nbsp;</td>
                            <td>&nbsp;</td>
                        </tr>
                        <tr>
                            <td colspan="2" class="medialist box">Datos Personales</td>
                        </tr>
                        <tr>
                            <td>Nombres</td>
                            <td><input type="text" name="txtNombre" value="" class="input middle"/></td>
                        </tr>
                        <tr>
                            <td>Apellido Paterno</td>
                            <td><input type="text" name="txtApellidoPaterno" value="" class="input middle"/></td>
                        </tr>
                        <tr>
                            <td>Apellido Materno</td>
                            <td><input type="text" name="txtApellidosMaterno" value="" class="input middle"/></td>
                        </tr>
                        <tr>
                            <td>Rut</td>
                            <td><input type="text" name="txtRut" value="" size="10" class="inputR"/>
                            -<input type="text" name="txtDV" value="" class="inputL"/></td>
                        </tr>
                        <tr>
                            <td>Fecha de Nacimiento</td>
                            <td>
                                <input readonly type="text" name="fecha_nacimiento" size="10" id="termino" class="input">
                                <img src="/SIAEII/assets/recursos/img/calendar.gif" width="24" height="19"  border="0" align="absmiddle" onblur="gxvdate(this, 10,0,0,0,'spa')" onClick="GetFecha(document.getElementById('termino'), true , null, null,'Dummy()');" alt="Ver Calendario">
                            </td>
                        </tr>
                        <tr>
                            <td>Estado Civil</td>
                            <td>
                                <select name="comboEstadoCivil" onclick="comprobar()" class="input">
                                    <option value="0">Seleccione</option>
                                    <%

        ArrayList<EstadoCivil> listadoEstado = (ArrayList) request.getAttribute("estados");
        EstadoCivil estadoCivil;

        try {
            for (int i = 0; i < listadoEstado.size(); i++) {
                estadoCivil = (EstadoCivil) listadoEstado.get(i);
                                    %>
                                    <option value="<%= estadoCivil.getEstadoCivilId()%>"><%= estadoCivil.getNombre()%></option>
                                    <%
            }
        } catch (Exception e) {
            e.printStackTrace();
        }
                                    %>
                                </select>
                            </td>
                        </tr>
                        <tr>
                            <td>Nacionalidad</td>
                            <td><select name="comboNacionalidad" class="input">
                            </select></td>
                        </tr>
                        <tr>
                            <td>Sexo</td>
                            <td><label></label>
                                <p>
                                    <label>
                                        <input type="radio" name="GrupoOpciones1" value="masculino">
                                    Masculino</label>
                                    <br>
                                    <label>
                                        <input type="radio" name="GrupoOpciones1" value="femenino">
                                    Femenino</label>
                                </p>
                            <label></label></td>
                        </tr>
                        <tr>
                            <td>Telefono Fijo</td>
                            <td><input type="text" name="txtTelefonoFijo" value="" class="input middle"/></td>
                        </tr>
                        <tr>
                            <td>Telefono Móvil</td>
                            <td><input type="text" name="txtTelefonoMovil" value="" class="input middle"/></td>
                        </tr>

                        <!--   ATENCION!!!
                                 +-------------------------------------------+
                                 | Aca se debe validar si se selecciono      |
                                 | estado civil casado, si la respuesta es   |
                                 | negativa no se deben habilitar los campos |
                                 | del conyuge                               |
                                 +-------------------------------------------+
                                -->

                        <div id="conyuge">
                            <!--  se deja dentro de un div, para mostrarlo solo si esta casado -->
                            <tr>
                                <td colspan="2" class="medialist box">Conyúge</td>
                            </tr>
                            <tr>
                                <td>Nombres</td>
                                <td><input type="text" disabled="true" name="txtNombreConyuge" value="" class="input middle"/></td>
                            </tr>
                            <tr>
                                <td>Apellido Paterno</td>
                                <td><input type="text" name="txtApellidoPaternoConyuge" value="" class="input middle"/></td>
                            </tr>
                            <tr>
                                <td>Apellido Materno</td>
                                <td><input type="text" disabled="true" name="txtApellidosMaternoConyuge" value="" class="input middle"/></td>
                            </tr>
                            <tr>
                                <td>Rut</td>
                                <td><input type="text" disabled="true" name="txtRutConyuge" value="" size="10" class="input"/></td>
                            </tr>
                            <tr>
                                <td>Fecha de Nacimiento</td>
                                <td><input type="text" disabled="true" name="txtFechaConyuge" value="" class="input" size="5"/></td>
                            </tr>
                            <tr>
                                <td>Nacionalidad</td>
                                <td><select name="comboNacionalidadConyuge" disabled="true" class="input">
                                </select></td>
                            </tr>
                            <tr>
                                <td>Sexo</td>
                                <td><label></label>
                                    <p>
                                        <label>
                                            <input type="radio" name="GrupoOpciones1Conyuge" disabled="true" value="masculino">
                                            Masculino
                                        </label>
                                        <br>
                                        <label>
                                            <input type="radio" name="GrupoOpciones1Conyuge" disabled="true" value="femenino">
                                            Femenino
                                        </label>
                                    </p>
                                <label></label></td>
                            </tr>
                            <tr>
                                <td>Telefono</td>
                                <td><input type="text" name="txtTelefonoConyuge" disabled="true" value="" class="input middle"/></td>
                            </tr>

                        </div>
                        <div id="hijo">
                            <!--  se deja dentro de un div, para repetirlo -->
                            <tr>
                                <td colspan="2" class="medialist box">Hijo(s)</td>
                            </tr>
                            <tr>
                                <td>Nombres</td>
                                <td><input type="text" name="txtNombreHijo" value="" class="input middle"/></td>
                            </tr>
                            <tr>
                                <td>Apellido Paterno</td>
                                <td><input type="text" name="txtApellidoPaternoHijo" value="" class="input middle"/></td>
                            </tr>
                            <tr>
                                <td>Apellido Materno</td>
                                <td><input type="text" name="txtApellidosMaternoHijo" value="" class="input middle"/></td>
                            </tr>
                            <tr>
                                <td>Rut</td>
                                <td><input type="text" name="txtRutHijo" value="" size="10" class="input"/></td>
                            </tr>
                            <tr>
                                <td>Fecha de Nacimiento</td>
                                <td><input type="text" name="fechaHijo" value="" class="input" size="5"/></td>
                            </tr>
                            <tr>
                                <td>Nacionalidad</td>
                                <td><select name="comboNacionalidadHijo" class="input">
                                </select></td>
                            </tr>
                            <tr>
                                <td>Sexo</td>
                                <td><label></label>
                                    <p>
                                        <label>
                                            <input type="radio" name="GrupoOpciones1Hijo" value="masculino">
                                        Masculino</label>
                                        <br>
                                        <label>
                                            <input type="radio" name="GrupoOpciones1Hijo" value="femenino">
                                        Femenino</label>
                                    </p>
                                <label></label></td>
                            </tr>
                            <tr>
                                <td>Telefono</td>
                                <td><input type="text" name="txtTelefonoHijo" value="" class="input middle"/></td>
                            </tr>

                        </div>

                        <tr>
                            <td colspan="2" class="medialist box">Direccion</td>
                        </tr>

                        <tr>
                            <td>País</td>
                            <!--                             <td>
                                 <select name="comboPais" class="input">
                                 </select>
                            </td> -->
                            <td>
                                <select name="comboPais" class="input">
                                    <option value="0">Seleccione</option>
                                    <%

        ArrayList<Pais> listadoPaises = (ArrayList) request.getAttribute("paises");
        Pais pais;

        try {
            for (int i = 0; i < listadoPaises.size(); i++) {
                pais = (Pais) listadoPaises.get(i);
                                    %>
                                    <option value="<%= pais.getPaisId()%>"><%= pais.getNombre()%></option>
                                    <%
            }
        } catch (Exception e) {
            e.printStackTrace();
        }
                                    %>
                                </select>
                            </td>
                        </tr>

                        <tr>
                            <td>Calle</td>
                            <td><input type="text" name="txtCalle" value="" class="input middle"/></td>
                        </tr>
                        <tr >
                            <td>Numero</td>
                            <td><input type="text" name="txtNumero" value="" class="input middle"/></td>
                        </tr>
                        <tr >
                            <td>Departamento</td>
                            <td><input type="text" name="txtDepartamento" value="" class="input middle"/></td>
                        </tr>
                        <tr>
                            <td>Ciudad</td>
                            <td><input type="text" name="txtDireccion" value="" class="input middle"/></td>
                        </tr>
                        <tr>
                            <td colspan="2" class="medialist box">Programa</td>
                        </tr>
                        <tr>
                            <td>Programa(s)</td>
                            <td>
                                <!--                           <select name="comboPrograma"></select>  -->
                                <select name="comboPrograma" class="input">
                                    <option value="0">Seleccione</option>
                                    <%

        ArrayList<Programa> listadoPrograma = (ArrayList) request.getAttribute("programas");
        Programa programa;

        try {
            for (int i = 0; i < listadoPrograma.size(); i++) {
                programa = (Programa) listadoPrograma.get(i);
                                    %>
                                    <option value="<%= programa.getProgramaId()%>"><%= programa.getNombre()%></option>
                                    <%
            }
        } catch (Exception e) {
            e.printStackTrace();
        }
                                    %>
                                </select>

                            </td>
                        </tr>
                        <tr>
                            <td colspan="2" class="medialist box">Otros Estudios (*)</td>
                        </tr>
                        <tr>
                            <td colspan="2"> * Solo se permiten estudios finalizados.</td>
                        </tr>
                        <tr>
                            <td>Nombre Carrera</td>
                            <td><input type="text" name="txtNombreCarrera" value="" class="input middle"/></td>
                        </tr>
                        <tr>
                            <td>Institucion</td>
                            <td><input type="text" name="txtInstitucion" value="" class="input middle"/></td>
                        </tr>
                        <tr>
                            <td>Tipo Estudio</td>
                            <td><input type="text" name="txtTipoEstudio" value="" class="input middle"/></td>
                        </tr>
                        <tr>
                            <td>Nivel Estudio</td>
                            <td><input type="text" name="txtNivelEstudio" value="" class="input middle"/></td>
                        </tr>

                        <tr>
                            <td colspan="2" class="medialist box">Experiencia Laboral</td>
                        </tr>
                        <tr>
                            <td>Empresa</td>
                            <td><input type="text" name="txtEmpresa" value="" class="input middle"/></td>
                        </tr>
                        <tr>
                            <td>Cargo</td>
                            <td><input type="text" name="txtCargo" value="" class="input middle"/></td>
                        </tr>
                        <tr>
                            <td>Fecha Inicio</td>
                            <td><input type="text" name="txtFechaInicio" value="" class="input middle"/></td>
                        </tr>
                        <tr>
                            <td>Fecha Término</td>
                            <td><input type="text" name="txtNivelEstudio" value="" class="input middle"/></td>
                        </tr>
                        <tr>
                            <td>Descripción</td>
                            <td><textarea rows="4" cols="20" class="input"></textarea></td>

                        </tr>
                        <tr>
                            <td colspan="2" class="medialist box">Idiomas</td>
                        </tr>
                        <tr>
                            <td>Idioma</td>
                            <td>
                                <!--                            <select name="comboIdioma" class="input"></select> -->

                                <select name="comboIdioma" class="input">
                                    <option value="0">Seleccione</option>
                                    <%

        ArrayList<Idioma> listadoIdiomas = (ArrayList) request.getAttribute("idiomas");
        Idioma idioma;

        try {
            for (int i = 0; i < listadoIdiomas.size(); i++) {
                idioma = (Idioma) listadoIdiomas.get(i);
                                    %>
                                    <option value="<%= idioma.getIdiomaId()%>"><%=idioma.getIdioma()%></option>
                                    <%
            }
        } catch (Exception e) {
            e.printStackTrace();
        }
                                    %>
                                </select>
                            </td>
                        </tr>
                        <tr>
                            <td>Nivel Idioma</td>
                            <td>
                                <!--                            <select name="comboNivelIdioma" class="input">
                                </select>-->

                                <select name="comboNivelIdioma" class="input">
                                    <option value="0">Seleccione</option>
                                    <%

        ArrayList<Skill> listadoSkills = (ArrayList) request.getAttribute("skills");
        Skill skill;

        try {
            for (int i = 0; i < listadoSkills.size(); i++) {
                skill = (Skill) listadoSkills.get(i);
                                    %>
                                    <option value="<%= skill.getSkillID()%>"><%=skill.getNombre()%></option>
                                    <%
            }
        } catch (Exception e) {
            e.printStackTrace();
        }
                                    %>
                                </select>
                            </td>
                        </tr>

                        <tr>
                            <td colspan="2" class="medialist box">Datos Cuenta Usuario</td>
                        </tr>
                        <tr>
                            <td>Correo Electronico</td>
                            <td><input type="text" name="txtCorreo" value="" class="input middle"/></td>
                        </tr>
                        <tr>
                            <td>Contraseña</td>
                            <td><input type="password" name="txtPass" value="" class="input middle"/></td>
                        </tr>
                        <tr>
                            <td>Confirme Contraseña</td>
                            <td><input type="password" name="txtPassVal" value="" class="input middle"/></td>
                        </tr>

                        <tr>
                            <td colspan="2" align="center"><input type="submit" value="Grabar" name="Grabar" class="submit"  onMouseOver=""/></td>
                        </tr>
                    </table>

                </form>
            </div>
            <form method="post" action="ListarAfiliadosServlet">
                <p>
                    <input type="submit" value="Mostrar Todos los Afiliados"  class="submit" />
                </p>
            </form>
        </div>
    </body>
</html>
